<body style="overflow:hidden" class="blab bgcolor_overal body_extra">
<link rel="stylesheet" type="text/css" href="static/jquery-ui/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="static/jquery.metro-ui-1.1.0/jq-metro.css"/>
<link rel="stylesheet" type="text/css" href="static/jquery.layout/layout-default-latest.css">

<script type="text/javascript" src="static/jquery.min.js"></script>
<script type="text/javascript" src="static/jquery-ui/jquery-ui.js"></script>
<script type="text/javascript" src="static/jquery.metro-ui-1.1.0/jquery.metro-btn.js" ></script>
<script type="text/javascript" src="static/jquery.layout/jquery.layout-latest.js"></script>

<style type="text/css">
body {background:#000;font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";font-size: 62.5%;}
body {margin:0px;font-family:Verdana, Tahoma;}
.clear { clear:both; }
.center { text-align:center;}
</style>

<div class="outer-center">

<div id="metrobuttons" class="metro-panel"></div>

</div>
<div class="ui-layout-north">
<div style="color:#f00;"><h1>&nbsp;&nbsp; 欢迎你，冒险者 <?php echo $user['name'];?> ! 初次进入（或者重置了角色），请先选择你要去哪里冒险？（ Join Room/战役/世界 ）</h1></div>
</div> 
<div class="ui-layout-south"><?php echo site_foot_html(); ?></div>  


<script type="text/javascript">
var topLayout;

var	colorList = ['f4b300','78ba00','2673ec','ae113d','632f00','b01e00','4e0038','c1004f','7200ac','2d004e','006ac1','001e4e','008287','004d60','004a00','00c13f','15992a','ff981d','e56c19','b81b1b','ff1d77','b81b6c','aa40ff','691bb8','1faeff','1b58b8','56c5ff','569ce3','00d8cc','00aaaa','91d100','b81b6c','e1b700','d39d09','ff76bc','e064b7','00a4a4','ff7d23','4cafb5','044d91','832772','d15a44','de971b','017802','6e2ea0'],
	color = colorList[0];

function get_color(){
	color = colorList[(colorList.length * Math.random())>>0];
	return color;
}

function join_room(room_id){
	location.href="api.php?a=join&room_id=" +room_id;
}

$(document).ready(function () {

	topLayout=$('body').layout({ 
			center__paneSelector:	".outer-center" 
		// ,	west__paneSelector:		".outer-west" 
		// ,	east__paneSelector:		".outer-east" 
		,	north__size:			64 
		,	south__size:			32
		,	spacing_open:			6 // ALL panes
		,	spacing_closed:			9 // ALL panes
		// ,	west__spacing_open:	0
		// ,	east__spacing_open:	0
		// ,	center__onresize:		"middleLayout.resizeAll" 
		}); 

<?php echo $tmpjs.PHP_EOL; ?>

});

</script>



</body></html>